.my-appointment-part {
  .my-appointment-list {
    padding: 30px;
    .my-appointment-item {
      padding-bottom: 30px;
      border-bottom: 1px solid #eee;
      margin-bottom: 30px;
      .my-appointment-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
        .room-name {
          font-size: 40px;
        }
        .cancel-appointment-btn {
          margin-right: 0;
        }
      }
      .my-appointment-info {
        display: flex;
        align-items: center;
        font-size: 32px;
        margin-bottom: 16px;
        .appointment-date {
          margin-right: 30px;
        }
      }
      .appointment-details {
        font-size: 32px;
      }
    }
  }
}
